<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
    <style>
        /*去掉项目列表的符号*/
        ul{
            list-style: none;
        }
    </style>
</head>
<body>
        <!--列表就相当于去超市购物时的那个购物清单
            在html也可以使用创建列表，在网页中一共有三种列表；
            1.无序列表
            2.有序列表
            3.定义列表 -->
<!--无序列表
1.使用ul标签来创建一个无序列表
2.使用li在ul中创建一个一个的列表项 一个li 就是一个列表项
/*去掉项目列表的符号*/
        ul{
            list-style: none;
        }-->
        <ul>
            <li>西门大官人</li>
            <li>柴大官人</li>
            <li>徐大官人</li>
            <li>唐僧大官人</li>
        </ul>
<!--有序的和无序的类似，用ol代替ul-->
<ol>
            <li>西门大官人</li>
            <li>柴大官人</li>
            <li>徐大官人</li>
            <li>唐僧大官人</li>
        </ol>
<!--列表之间还可以相互嵌套-->



<!--定义列表：用来对一些词汇或内容进行定义-->
<!--用dl创建列表：-->
<!--    里面有dt和dd-->
<!--    dt: 被定义的对象-->
<!--    dd: 对定义的对象进行描述-->
        <dl>
            <dt>武松</dt>
            <dd>打虎英雄</dd>
        </dl>

<div id="box"></div>




</body>
</html>